<script setup lang="ts">


import { reactive, Ref, ref, onMounted } from 'vue';


import { onLoad } from '@dcloudio/uni-app'

const flag: Ref<boolean> = ref(true);

onLoad(() => {
    setTimeout(() => {
        flag.value = false;
    }, 1000);
})


// 页面跳转
const examing = () => {
	uni.navigateTo({
		url: '/pagesB/exam/examing/examing',
	});
};






const info = reactive([
    {
        id: 1,
        title: '一、函数与极限',
        content: '映射与函数，数列的极限，函数的极限，无穷小与无穷大，极限运算法则，极限存在准则、两个重要极限，无穷小的比较，函数的连续性与间断点，连续函数的运算与初等函数的连续性，闭区间上连续函数的性质.'
    },
    {
        id: 2,
        title: '二、导数与微分',
        content: '导数概念，函数的求导法则，高阶导数，隐函数及由参数方程所确定的函数的导数相关变化率，函数的微分.'
    },
    {
        id: 3,
        title: '三、微分中值定理与导数的应用',
        content: '微分中值定理，洛必达法则，泰勒公式，函数的单调性与曲线的凹凸性，函数的极值与最大值最小值，函数图形的描绘，曲率，方程的近似解.'
    }
])


</script>
    
<template>
    <loader v-if="flag"></loader>
    <template v-else>
        <view class="header">
            <view>考试声明</view>
        </view>
        <view class="main">
            <view>考试科目：高等数学期末总复习</view>
            <view>考试时间：150分钟</view>
            <view>题目总数：45&nbsp;总分：100</view>
            <view>考试内容：</view>
            <view v-for="item in info" :key="item.id">
                <view style="font-weight: 600;">{{ item.title }}</view>
                <text>{{ item.content }}</text>
            </view>
        </view>
        <view class="footer">
            <button @click="examing">开始考试</button>
        </view>
    </template>
</template>
    
<style scoped lang="scss">
.header {
    height: 15vh;
    background-color: $bgcolor;
    @include flex(center);
    font-size: 35rpx;
    color: #fff;
    letter-spacing: 5rpx;
}

.main {
    padding: 30rpx;
    color: #616161;
    font-size: 25rpx;

    view {
        margin-bottom: 15rpx;
    }
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100vw;
    height: 160rpx;
    background-color: #fff;
    @include flex(center);

    button {
        width: 80vw;
        height: 90rpx;
        background-color: $bgcolor;
        color: #fff;
    }
}
</style>